<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.box {
				width: 1533px;
				height: 767px;
				background-color: pink;
				margin: 0 auto;
			}
			.left {
				float: left;
				width: 293px;
				height: 767px;
				background-color: #87CEEB;
			}
			.right {
				float: left;
				width: 1240px;
				height: 767px;
				background-color: #f3f3f3;
			}
			.right>div {
				float: left;
				width: 293px;
				height: 375px;
				background-color: #FCFCFC;
				margin:0 0 17px 17px ;
			}
			/*.right div{
				margin: 0 0 14px 14px;
			}*/
			img {
				width: 100%;
			}
			h3 {
				font-size: 14px;
				font-weight: 400;
				color: #333333;
				width: 273px;
				height: 19px;
				margin: 0 10px 6px 10px;
				text-align: center;
			}
			.right p {
				font-size: 12px;
				color: #BCBCBC;
				width: 273px;
				height: 16px;
				line-height: 16px;
				margin: 0 10px 10px 10px;
				text-align: center;
			}
			em {
				width: 2px;
				height: 15px;
				margin: 0 5px;
				font-style: normal;
			}
			span {
				display: inline-block;
				font-size: 14px;
				color: #ff700f;
				width: 273px;
				height: 18px;
				line-height: 18px;
				margin: 0 10px 5px 10px;
				text-align: center;
			}
			a {
				text-decoration: none;
				color: #BCBCBC;
			}
			/*div :hover {
				box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.1);
			}*/
			.box .right img, h3, p, span {
				cursor: pointer;
			}
			.box .left img {
				cursor: pointer;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<div class="left">
				<img src="img/小米案例p179/9.png"/ height="767px">
			</div>
			<div class="right">
				<div>
					<img src="img/小米案例p179/1.jpg"/>
					<h3>小米11</h3>
					<p>
						晓龙888
						<em>|</em>
						2k四曲面屏
					</p>
					<span>3999元起</span>
				</div>
				<div>
					<img src="img/小米案例p179/2.png"/>
					<h3>Note 9 Pro</h3>
					<p>一亿像素夜景相机，120Hz六档变速...</p>
					<span>1599元起</span>
				</div>
				<div>
					<img src="img/小米案例p179/3.jpg"/>
					<h3>Note 9</h3>
					<p>天玑 800U处理器，5000mAh电池，</p>
					<span>1299元起</span>
				</div>
				<div>
					<img src="img/小米案例p179/4.jpg"/>
					<h3>Note 9 4G</h3>
					<p>6000mAh长续航</p>
					<span>999元起</</span>
				</div>
				<div>
					<img src="img/小米案例p179/5.jpg" />
					<h3>小米10 至尊版</h3>
					<p>120X 变焦/120W秒充、120Hz屏幕</p>
					<span>5299元起<span>
				</div>
				<div>
					<img src="img/小米案例p179/6.png"/>
					<h3>Redmi K30S 至尊版纪念</h3>
					<p>144Hz【7档】变速高刷屏</p>
					<span>2599元起</span>
				</div>
				<div>
					<img src="img/小米案例p179/7.jpg"/>
					<h3>Redmi K30 至尊版</h3>
					<p>120Hz弹出全面屏，天玑1000+旗舰处...</p>
					<span>1999元起</span>
				</div>
				<div>
					<img src="img/小米案例p179/8.png"/>
					<h3>腾讯黑鲨3S</h3>
					<p>晓龙865处理器，120Hz刷新率</p>
					<span>3999元起</span>
				</div>	
			</div>
		</div>
	</body>
</html>
